<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions"  prefix="fn"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    <title>后台数据信息</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<link rel="shortcut icon" type="image/x-icon" href="https://wwl.ycws.cc/image/backgroundimage/e.ico">
	<!--<link rel="stylesheet" type="text/css" href="styles.css">-->
	<script src="js/jquery-1.11.3.min.js"></script>
 <script>setTimeout("location=location; ", 6000); </script>
 
 <script type="text/javascript">
 function preview(file) {
	    var prevDiv = document.getElementById('preview');
	    if (file.files && file.files[0]) {
	        // 支持大多数浏览器， 谷歌， 火狐， 360 ， 欧朋  IE10.
	        var reader = new FileReader();
	        //当图片加载完成到内存的时候
	        // $(function(){})  ==> window.onload= function(){}
	        reader.onload = function(evt) {
	            prevDiv.innerHTML = '<img src="' + evt.target.result + '" width="100" height="100"/>';
	        }
	        reader.readAsDataURL(file.files[0]);
	    } else {
	        // 支持IE9以下的浏览器
	        prevDiv.innerHTML = '<div class="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src=\''
	                + file.value + '\'"></div>';
	    }
	}
 
 </script>
  </head>
  <body >
   <div  class="container-fluid" style="margin: 0;width: 100%;padding: 0">
 	<div class="row" align="center" style="background-color: #f2f3f4">
 	<div class="col-lg-12" style="height:50px;width: 100%;padding: 0; align="center">
 	</div>
 		<div class="col-lg-12" style="height:130px;width: 100%;padding: 0; align="center">
 			<span style="color: black;font-size: 65px">总人数：${totalCount}</span>
 		</div>
 		<div class="col-lg--12" id="preview" style="height:700px;width: 1100px;padding: 0;" >
     	<c:forEach var="v" varStatus="idxStatus" items="${products}">
    		<td><img alt="" src="${v.pathtuisong}" width="100" height="120"></td>
    		<c:if test="idxStatus.index==0">
    		<tr  align="center">
    		</c:if>
    		<c:if test="idxStatus.index%5==0">
    		<tr  align="center">
    		</c:if>
    		<c:if test="idxStatus.index==9">
			<td><img alt="" src="${v.pathtuisong}" width="100" height="120"></td><br><br>
	    	</c:if>
	    	<c:if test="idxStatus.index==19">
			<td><img alt="" src="${v.pathtuisong}" width="100" height="120"></td><br><br>
	    	</c:if>
	    	<c:if test="idxStatus.index==29">
			<td><img alt="" src="${v.pathtuisong}" width="100" height="120"></td><br><br>
	    	</c:if>
	    	<c:if test="idxStatus.index==39">
			<td><img alt="" src="${v.pathtuisong}" width="100" height="120"></td><br><br>
	    	</c:if>
	    	<c:if test="idxStatus.index==49">
			<td><img alt="" src="${v.pathtuisong}" width="100" height="120"></td><br><br>
			</c:if>
			<c:if test="idxStatus.index++=v.size()">
			</tr>
			</c:if>
    	</c:forEach> 
    	
	</div>
 	</div>
 	</div>


  </body>
</html>
